/* 行距 */
.h10 {
  height: 10px;
}
.h20 {
  height: 20px;
}
/*错误提示*/
.error_icon{vertical-align: middle;display: inline-block; margin-top:-3px; width:45px;height:45px;position: relative;background: url(../img/warning.png) no-repeat;background-size: 45px 45px;}
/*温馨提示*/
.warm_text{border-top: 1px solid #e5e5e5;color: #666666;text-align: left;font-size: 0.7rem;padding-top: 10px;padding:15px 15px 0px 15px}
/*.reminding{margin-top: 5px;margin-bottom: 5px;text-align: center;color: #404a58;font-size: 1.0rem;}*/
.reminding{margin-top: 12px;margin-bottom: 12px;text-align: center;color: #404a58;font-size: 13px;}
.warm-text-info{text-align: center;font-size: 13px;color: #404a58;}
.warm_icon{vertical-align:middle;display: inline-block; margin-top:-5px;margin-right: 5px; width:15px;height:15px;position: relative;background: url(../img/prompt.png) no-repeat;background-size: 100%;}

/* 按钮颜色 */
.btn_danger{background: #F8494C;outline: none;}
.btn_safe{background: #989898;outline: none;}
.btn_gray{background: #96AECC;outline: none;}
.text-primary {color: #0066FF;outline: none;}

/* 提示弹框 */
.pop{display: block;background: #fff;border-radius: 5px;position:fixed;left:30px;right:30px;top:30%;z-index:2147483647;}
.pop .close{position: absolute;right: 20px;top: 12px;
background:url(../img/close.png) left center no-repeat;width: 12px;height:12px;-webkit-background-size:100% auto;
background-size:100% auto;}
/*------------------------------------*\
          弹框出现动画 
\*------------------------------------*/
@keyframes shakeToShow {
  0%{transform:scale(0.0);}
  25%{transform:scale(0.4);}
  50%{transform:scale(1.1);}
  75%{transform:scale(0.95);}
  100%{transform:scale(1.0);}
}
@-moz-keyframes shakeToShow {
  0%{-moz-transform:scale(0.0);}
  25%{-moz-transform:scale(0.4);}
  50%{-moz-transform:scale(1.1);}
  75%{-moz-transform:scale(0.95);}
  100%{-moz-transform:scale(1.0);}
}
@-webkit-keyframes shakeToShow {
  0%{-webkit-transform:scale(0.0);}
  25%{-webkit-transform:scale(0.4);}
  50%{-webkit-transform:scale(1.1);}
  75%{-webkit-transform:scale(0.95);}
  100%{-webkit-transform:scale(1.0);}
}
@-o-keyframes shakeToShow {
  0%{-o-transform:scale(0.0);}
  25%{-o-transform:scale(0.4);}
  50%{-o-transform:scale(1.1);}
  75%{-o-transform:scale(0.95);}
  100%{-o-transform:scale(1.0);}
}
/*------------------------------------*\
          弹框消失动画 
\*------------------------------------*/
@keyframes shakeToHide {
  0%{transform:scale(1.0);}
  25%{transform:scale(0.95);}
  50%{transform:scale(1.1);}
  75%{transform:scale(0.3);}
  100%{transform:scale(0.0);}
}
@-moz-keyframes shakeToHide {
  0%{-moz-transform:scale(1.0);}
  25%{-moz-transform:scale(0.95);}
  50%{-moz-transform:scale(1.1);}
  75%{-moz-transform:scale(0.3);}
  100%{-moz-transform:scale(0.0);}
}
@-webkit-keyframes shakeToHide {
  0%{-webkit-transform:scale(1.0);}
  25%{-webkit-transform:scale(0.95);}
  50%{-webkit-transform:scale(1.1);}
  75%{-webkit-transform:scale(0.3);}
  100%{-webkit-transform:scale(0.0);}
}
@-o-keyframes shakeToHide {
  0%{-o-transform:scale(1.0);}
  25%{-o-transform:scale(0.95);}
  50%{-o-transform:scale(1.1);}
  75%{-o-transform:scale(0.3);}
  100%{-o-transform:scale(0.0);}
}
/* 密码弹框 */
.pop-pwd{display: block;background: #fff;border-radius: 5px;position:absolute;width:80%;left:10%;top:30%;z-index:2147483647;}
.pop-pwd .title{text-align:center;width: 100%;height: 2.5rem;line-height: 2.5rem;font-size: 1.4rem;border-bottom: #C8CCC7 1px solid}
.pop-pwd .title i.close {
  position: absolute;right: 5%;top: 0.8rem;
background:url(../img/close.png) left center no-repeat;width: 1.0rem;height: 1.0rem;-webkit-background-size:100% auto;
background-size:100% auto;
}
/* 两个按钮一组 */
.btn_one {margin-bottom:10px;width:100%;height: 35px;line-height:35px;font-size: 13px;text-align:center;background-color: #fff;color: #fd4747;border-radius: 5px;border:#fd4747 1px solid;outline: none;}
.btns_two .btn{outline: none;}
.btns_two .btn:nth-child(1){margin-right: 5%;width:30%;outline: none;}
/*red:#F8494C   gray:#96AECC*/
.warm_btn1{ outline:none;text-align: center;font-size: 13px;line-height:13px;color: #666;border-radius: 5px;border: #d9d9d9 1px solid;margin-top: 0px;margin-bottom: 10px; width: 48%;height: 35px;background-color: #fff;}
.warm_btn2{ outline:none;text-align: center;right: 10px;font-size: 13px;line-height:13px;color: #fff;border-radius: 5px;border: none;margin-left: 5px;margin-top: 0px;margin-bottom: 10px;width: 48%;height: 35px;background-color: #fb4748;}

/*阴影遮罩*/
.shadeCover {position:fixed;display:block;z-index:2147483646;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.4;filter:alpha(opacity=80);}
/*设置弹框动画*/
#pop_dialogue {
  animation : shakeToShow 0.25s linear forwards;
  -webkit-animation : shakeToShow 0.25s linear forwards;
}
/* 弱提示 */
.toast {
  padding: 12px 25px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  font-family: "Microsoft YaHei","SimSun",Arial, Helvetica, sans-serif;
  word-break:break-all;
  color: #fff;
  background-color: rgba(0,0,0,.6);
  overflow: hidden;
  overflow-x:hidden;
  overflow-y:auto;
  position: fixed;
  z-index: 98;
  border-radius: 2px;
  animation:bounceIn 0.25s linear forwards;
  -webkit-animation:bounceIn 0.25s linear forwards;
}
/*------------------------------------*\
           若提示框出现动画 
\*------------------------------------*/
@keyframes bounceIn
{
  0%{opacity:0;transform:scale(.3);}
  50%{opacity:1;transform:scale(1.05);}
  70%{transform:scale(.9);}
  100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes bounceIn
{
  0%{opacity:0;-webkit-transform:scale(.3);}
  50%{opacity:1;-webkit-transform:scale(1.05);}
  70%{-webkit-transform:scale(.9);}
  100%{opacity:1;-webkit-transform:scale(1);}
}
/*------------------------------------*\
          弱提示框消失动画 
\*------------------------------------*/
@-webkit-keyframes bounceOut
{
  0%{-webkit-transform:scale(1);}
  25%{-webkit-transform:scale(.95);}
  50%{opacity:1;-webkit-transform:scale(1.1);}
  100%{opacity:0;-webkit-transform:scale(.3);}
}
@keyframes bounceOut
{
  0%{transform:scale(1);}
  25%{transform:scale(.95);}
  50%{opacity:1;transform:scale(1.1);}
  100%{opacity:0;transform:scale(.3);}
}

/*------------------------------------*\
          水波纹加载动画 
\*------------------------------------*/
.rotation {
  position: fixed;
  top: 50%;
  left: 50%;
  background:url(../img/fb_rotation.png) no-repeat;
  background-size: 110px 110px;
  margin-left: -55px;
  margin-top: -55px;
  width: 110px;
  height: 110px;
  z-index: 100;
  animation:circle 1.5s infinite linear;/*匀速 循环*/
  -webkit-animation:circle 1.5s infinite linear;/*匀速 循环*/
  -o-animation:circle 1.5s infinite linear;/*匀速 循环*/
  -moz-animation:circle 1.5s infinite linear;/*匀速 循环*/
}
@keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
@-webkit-keyframes circle{
0%{ -webkit-transform:rotate(0deg); }
100%{ -webkit-transform:rotate(360deg); }
}
@-o-keyframes circle{
0%{ -o-transform:rotate(0deg); }
100%{ -o-transform:rotate(360deg); }
}
@-moz-keyframes circle{
0%{ -moz-transform:rotate(0deg); }
100%{ -moz-transform:rotate(360deg); }
}
.wave {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 50%;
  overflow: hidden;
  background:url(../img/waveLogo.png) no-repeat;
  background-size: 100% 100%;
  width: 100px;
  height: 100px;
  z-index: 100;
}
.waveCover {
  position: relative;
  bottom: 0px;
  left:0px;
  background:url(../img/fb_wave.png) no-repeat;
  background-size: 300px 100px;
  width: 300px;
  height: 100px;
  animation:wave 4.5s infinite linear;
  -webkit-animation:wave 4.5s infinite linear;
  -o-animation:wave 4.5s infinite linear;
  -moz-animation:wave 4.5s infinite linear;
  z-index: 100;
}
@keyframes wave{
0%{transform:translate(0px,0px);}
50%{transform:translate(-200px,-50px);}
100%{transform:translate(0px,-100px);}
}
@-o-keyframes wave{
0%{transform:translate(0px,0px);}
50%{transform:translate(-200px,-50px);}
100%{transform:translate(0px,-100px);}
}
@-webkit-keyframes wave{
0%{transform:translate(0px,0px);}
50%{transform:translate(-200px,-50px);}
100%{transform:translate(0px,-100px);}
}
@-moz-keyframes wave{
0%{transform:translate(0px,0px);}
50%{transform:translate(-200px,-50px);}
100%{transform:translate(0px,-100px);}
}
.wave-shadeCover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  background-color: #999999;
  opacity:0.8;
}